<template>
  <div>
    <h1>Music---{{time}}</h1>
    <ul>
      <li v-for='item in list' :key='item'>{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    name:'Music',
    props:['id','time'],
    mounted(){
      console.log(this,'1111');
    },
    computed:{
      list(){
        switch(this.id){
          case '1':
            return ["华语1", "华语2", "华语3"];
          case '2':
            return ["英语1", "英语2", "英语3"];
          default:
            return []
        }
      }
    }
}
</script>

<style>

</style>